<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹窗</title>
    <!--<style type="text/css">-->

    <!--* {-->
    <!--margin: 0;-->
    <!--padding: 0;-->
    <!--}-->

    <!--.main {-->
    <!--height: 100%;-->
    <!--overflow: hidden;-->
    <!--text-align: center;-->


    <!--}-->

    <!--.main_l {-->
    <!--float: left;-->
    <!--width: 35%;-->
    <!--border-color: #ff3b70;-->
    <!--text-align: left;-->

    <!--}-->

    <!--.main_r {-->
    <!--float: right;-->
    <!--width: 35%;-->
    <!--background-color: #ffd069;-->
    <!--text-align: right;-->
    <!---->
    <!--}-->
    <!--.main_c{-->
    <!--width: 30%;-->
    <!--background-color: #0000FF;-->
    <!--margin: 0 auto;-->
    <!--text-align: center;-->
    <!--}-->

    <!--</style>-->


    <!--==================-->
    <style type="text/css">
        body {
            margin: 0px;
        }

        #left {
            background: #99FF99;
            height: 300px;
            width: 120px;
            float: left;
        }

        #center {
            height: 300px;
            width: 100%;
            background-color: #ff3b70;
        }

        #right {
            background: #99FF99;
            height: 300px;
            width: 120px;
            float: right;
        }

        #center a {

            background-color: #ff3b70;
        }

    </style>


</head>
<body>


<!--<div class="main">-->

<!--<div class="main_l">左边</div>-->
<!--<div class="main_c">中间</div>-->
<!--<div class="main_r">右边</div>-->

<!--</div>-->


<div id=left>ddddddd</div>
<div id=right  >右边</div>
<div id=center><a href="" >中间</a></div>


</body>
</html>